.marker-vehicle{
  width: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 2;
  visibility: inherit;
  cursor: pointer;
}
.marker-vehicle-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url('./image/all_truck.png');
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.marker-vehicle.online:before{
  content: url('./image/all_marker.png');
  position: absolute; left: 0px; top: 0px; z-index: -1; cursor: pointer;
}
.marker-vehicle.online .marker-vehicle-icon {
  background-position: 0 0;
}
.marker-vehicle.offline:before{
  content: url('./image/all_marker.png');
  position: absolute; left: -100px; top: 0px; z-index: -1; cursor: pointer;
}
.marker-vehicle.offline .marker-vehicle-icon {
  background-position: -32px 0;
}
.map-btn{
  height: 24px;
  width: 24px;
}
.map-btn-start{
  background-image: url('./image/start.png');
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  display: block;
}
.map-btn-pause{
  background-image: url('./image/pause.png');
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  display: block;
}
.map-btn-stop{
  background-image: url('./image/stop.png');
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  display: block;
}
